<script setup lang='ts'>
import { useChannel } from '@/hooks/channel';
import { onMounted, ref } from 'vue';
import { useRoute } from 'vue-router';

const route = useRoute()  
const art_id = ref("")  
onMounted(() => {
    art_id.value = route.params.id as string
})   

const { channelList } = useChannel()

</script>
       
<template>
    <div class="detail">
        <h1>文章详情页面{{ art_id }}</h1>
        <p>{{ JSON.stringify(channelList) }}</p>
    </div>   
</template>
       
<style scoped>
.detail {
    width: 100%;
    height: 100vh;
    background-color: #ffffff;
}       
</style>